import React from 'react';
import { View, Text, StyleSheet, Image } from 'react-native';

interface IEmptyComProps {
  size?: 'small' | 'large';
  color?: string;
  text?: string;
  height?: number;
}
const EmptyCom: React.FC<IEmptyComProps> = ({ text, size = 'large', color = '#0000ff', height = 500 }) => {
  return (
    <View style={[styles.container, { height }]}>
      <Image width={120} height={120} source={require('../assets/icons/empty.png')} />
      {text && <Text style={styles.text}>{text}</Text>}
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    height: 500,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    marginTop: 10,
    fontSize: 12,
    color: '#555b69',
  },
});

export default EmptyCom;
